<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<title>Map View 2 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1,  minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../common/css/app.min.css">
<script src="../common/js/jQuery2.0.2.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="../common/js/main.min.js"></script>

<script>
$(document).ready(function() {

    var markers = [
        {
            id: 0,
            lat: 47.604789,
            lng: -122.335682,
            contentString: "<div class='infowindow-container'><p class='span-50'><strong>Rachel Aarons</strong><br/>Project Manager</p><p class='span-50'><strong>Address</strong><br/><a href='https://maps.apple.com/maps?q=47.620513,-122.34861'>555 Madison Ave<br/>Seattle, WA<br/>98105</a></p></div>"
        },
        {
            id: 1,
            lat: 47.620975,
            lng: -122.154976,
            contentString: "<div class='infowindow-container'><p class='span-50'><strong>Bruce Bryant</strong><br/>IT Supervisor</p><p class='span-50'><strong>Address</strong><br/><a href='https://maps.apple.com/maps?q=47.604789,-122.335682'>123 Bellevue Way NE<br/>Bellevue, WA<br/>98100</a></p></div>"
        },
        {
            id: 2,
            lat: 47.77879,
            lng: -122.311188,
            contentString: "<div class='infowindow-container'><p class='span-50'><strong>Matthew Castillo</strong><br/>Project Manager</p><p class='span-50'><strong>Address</strong><br/><a href='https://maps.apple.com/maps?q=47.77879,-122.311188'>901 Montlake Terrace Drive<br/>Montlake Terrace, WA<br/>98101</a></p></div>"
        },
        {
            id: 3,
            lat: 47.6766,
            lng: -122.388924,
            contentString: "<div class='infowindow-container'><p class='span-50'><strong>John Doe</strong><br/>Diva</p><p class='span-50'><strong>Address</strong><br/><a href='https://maps.apple.com/maps?q=47.6766,-122.388924'>45 NW Ballard Ave<br/>Seattle, WA<br/>98125</a></p></div>"
        }
    ]
    mapObj.init({
        view: "fullView",
        markers: markers
    });
});
</script>

</head>

<body>

<div class="app-wrapper">

<nav class="main-menu">
<a href="#">Something</a>
<a href="#">Something</a>
<a href="#">Something</a>
</nav><!--#main-menu-->

<header>
<div class="main-menu-button main-menu-button-left"><a class="left-arrow">&nbsp;</a></div>
<div class="main-menu-button main-menu-button-right"><a class="gear">&nbsp;</a></div>
<h1>Contacts</h1>
</header>

<div class="app-content">

<div id="map-canvas-wrapper">&nbsp;</div>

</div><!--#app-content-->
</div><!--#app-wrapper-->

</body>
</html>
